{{--旅游攻略--}}
<div class="service_list_met_16_2 met-index-body text-xs-center  bgcolor" m-id='4'>
    <div class="title-box clearfix">
        <div class="head">
            <h2 class="title" style="visibility: inherit;opacity: 1;transform: matrix(1, 0, 0, 1, 0, 0);">
                旅游攻略</h2>
            <p class="desc" style="visibility: inherit; opacity: 1;transform: matrix(1, 0, 0, 1, 0, 0);"></p>
        </div>
    </div>
    <div class="container">
        <ul class="blocks-100 blocks-md-1 blocks-lg-3 blocks-xxl-3 index-service-list">
            @foreach($posts as $post)
            <li class="animation-slide-bottom50 appear-no-repeat" data-plugin="appear" data-animate="slide-bottom50"
                data-repeat="false" style="float: left">
                <div class="service-shadow">
                    <a href="{!! $post->getPresenter()->url() !!}"  target='_self'>
                        <img data-original="img/bj.jpg" src="{!! image_url($post->cover) !!}" alt="{!! $post->title !!}" class
                             style="display: inline;">
                    </a>
                    <a href="{!! $post->getPresenter()->url() !!}" title="欧洲旅游" class="service-info text-xs-left" target='_self'>
                        <h3 class='m-y-5 font-weight-500'>{!! $post->title !!}</h3>
                        <p class='m-b-10 font-weight-300'></p>
                    </a>
                </div>
            </li>
            @endforeach
        </ul>
    </div>
    <a {!! $category->getPresenter()->linkAttribute() !!} title="热门路线" class="more">查看更多</a>
</div>